/* 
    Document   : style.css
    Created on : 24/09/2012, 09:56:50 AM
    Author     : Martin
    Description:
        Estilos Generales para el sitio
*/

@font-face {
  font-family: Holmes207;
  src: url(fonts/Holmes207.ttf);
}
a {
  font-style: none;
  text-decoration: none;

}
#logo{
  background: url(../img/home/logo_header.png) no-repeat 0 0;
  display: block;
  height: 53px;
  width: 166px;
  margin: 0 auto;
}

/*       header          */

#main_wrapper{
  background: #faa400 url(../img/home/main_bg.jpg) no-repeat 0 30px;
  display: block;
  height: 779px;
  width: 810px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;

}
#header{
  background: url(../img/home/curva_bg_top.png) no-repeat 0 0;
  display: block;
  height: 90px;
  width: 810px;
  margin: 0 auto;
  position: relative;


}
#header a{
  color: #F87826;
  display: block;
  float: left;
  font-family: Holmes207,sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-right: 14px;
  margin-top: 3px;
  text-align: center;
  width: 80px;

}
#nav_mis_container{
  position: absolute;
  padding-top: 10px;
  background: url("../img/home/sprite_nav.png") no-repeat scroll -214px -63px transparent;
  display: block;
  height: 78px;
  width: 149px;
  display: none;


}
#nav_mis_container a{

  color: #F87826;
  display: block;
  float: left;
  font-family: Holmes207,sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-right: 14px;
  margin-top: 3px;
  text-align: center;
  width: 150px;
  margin-top: 10px;

}


#nav_nuevo:hover{
  background: url("../img/home/sprite_nav.png") no-repeat scroll -456px -9px transparent;
}
#nav_mis_ev:hover{
  background: url("../img/home/sprite_nav.png") no-repeat scroll -462px -54px transparent;
}
#nav_amigos:hover{
  background: url("../img/home/sprite_nav.png") no-repeat scroll -580px -9px transparent;
}
#nav_acerca:hover{
  background: url("../img/home/sprite_nav.png") no-repeat scroll -580px -9px transparent;
}
#nav_mis_container #nav_ev_act:hover{
  background: url("../img/home/sprite_nav.png") no-repeat scroll -557px -74px transparent;
}
#nav_mis_container  #nav_ev_pas:hover{
  background: url("../img/home/sprite_nav.png") no-repeat scroll -568px -118px transparent;
}

a#logo{
  width: 170px;
  margin-top: -10px;
}
nav{
  width: 560px;
  height: 40px;
  margin: 0 auto;
  padding-top: 10px;
}
.blue_font_menu{
  color: #1d5299;
}

/*       main_content          */

#card_banner{
  background: url(../img/home/card_bg.png) no-repeat 0 0;
  display: block;
  height: 424px;
  margin: 0 auto;
  width: 684px;
  margin-top: 50px;

}
#flag_overlay{
  background: url(../img/home/flag_dona_head.png) no-repeat 0 0;
  display: block;
  height: 353px;
  width: 350px;
  margin: 0 auto;
  margin-top: -590px;



}
#main_content{

}
#main_content p{
  color: #003277;
  font-family: helvetica,arial, sans-serif;
  font-weight: bolder;
  margin: 0 auto;
  margin-top: 250px;
  width: 420px;
  margin-top: 220px;
  text-align: center;
  margin-bottom: 30px;
  text-shadow: #fcd14b 2px 2px 1px;
}
#show_steps{
  background: url(../img/home/sprite_nav.png) no-repeat -212px 0;
  display: block;
  height: 29px;
  margin: 0 auto;
  width: 216px;
  margin-bottom: 20px;
}
#show_steps:hover{
  background: url(../img/home/sprite_nav.png) no-repeat -212px -30px;
}
#create_event{
  background: url(../img/home/sprite_nav.png) no-repeat 0 0;
  display: block;
  height: 81px;
  margin: 0 auto;
  width: 213px;
}
#create_event:hover{
  background: url(../img/home/sprite_nav.png) no-repeat 0 -80px;
}

#flag_top{
  width: 282px;
  height: 68px;
  margin: 0 auto;
  margin-left: 198px;
}
#btn_close_lightbox{
 background: url(../img/home/ok_btn_lightbox.png) no-repeat 0 0px;
 width: 58px;
 height: 34px;
 display: block;
 margin: 20px  auto 0;
}

.fancybox-close{
 display: none;
}
